<template>
  <view class="box">
    <dao title="公司地址" color="#fff" :left="true" />
    <!-- <quan v-if="true" /> -->

   <view class="sdsdax">
    <uni-card  >
      <uni-list>
        <uni-list-item title="联系人" note="三禾售后"  >

          
<!-- <template v-slot:footer>
复制
</template> -->
</uni-list-item>
				<uni-list-item title="公司地址" note="广东省广州市白云区白云湖街道环滘一横路2号"  >

          
          <!-- <template v-slot:footer>
					复制
					</template> -->
        </uni-list-item>
        <uni-list-item title="电话" note="18676888171"  >

          
<!-- <template v-slot:footer>
复制
</template> -->
</uni-list-item>
			</uni-list>   
            </uni-card>


            <view class="bosdfs">
      <button 
    
     
    style="border: 0;width: 100%;" :plain="true"
  :disabled="ddds"
     class="brn" 
     @click="submit">

    一键复制
    </button>

    </view>

     <view style="height: 46rpx;"></view>


   </view>
  </view>
</template>

<script setup >
 import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'
import {xinzengshouhou} from '../../api/login'
import upload from '../../components/upload.vue'
import dao from "../../pages/conpments/daohang.vue";
import cityPicker from '@/uni_modules/piaoyi-cityPicker/components/piaoyi-cityPicker/piaoyi-cityPicker'
import {
    onLoad,
    onShow,onHide
  } from "@dcloudio/uni-app";

 
import { useCounterStore } from "../../stores/counter";
import {
  ref,
  onMounted,
  inject,
  getCurrentInstance,
  reactive,
  computed,
} from "vue";
 import { QQMapWX} from '../../common/qqmap-wx-jssdk'

const submit=()=>{
  uniCopy({
                content:
`联系人：三禾售后
地址：广东省广州市白云区白云湖街道环滘一横路2号
电话：18676888171`,
                success:(res)=>{
                    uni.showToast({
                        title: res,
                        icon: 'none'
                    })
                },
                error:(e)=>{
                    uni.showToast({
                        title: e,
                        icon: 'none',
                        duration:3000,
                    })
                }
            })
}

</script>

<style scoped lang="scss">
.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
.ferf{text-align: right;

color: #606266;}

.sdsdax{
width: 100%;
overflow: hidden;
padding-top: 50rpx;
margin-top:20rpx;
box-sizing: border-box;
background: rgb(255, 255, 255);}
:deep(.uni-list-item__content-title){
  font-size: 32rpx;
}
:deep(.uni-list-item__content-note){
  font-size: 28rpx;
}
.uni-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.box {
  height: 50vh;
  background: linear-gradient(
    180deg,
    $uni-primary 0%,
    rgba(216, 237, 232, 0.43) 61.6%,
    rgba(217, 217, 217, 0) 100%
  );
}
.bosdfs{
  position: absolute;
  bottom: 100rpx;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
::v-deep .brn {
  margin-top: 20rpx;
  width: 100%;
  border-radius: 50rpx;
  color: #fff;
  background-image: linear-gradient(to right, #53c4ff, #40a3ff, #3383fe);

}
</style>